<!doctype html>

<html lang="en">

	<head>

		<meta charset="utf-8">

		<title>jQuery UI Draggable - Default functionality</title>

		<style>
			div {
				width: 150px;
				height: 150px;
				padding: 0.5em;
				border:1px solid deepskyblue;				
			}
		</style>

		<script src="../js/jquery-2.1.0.min.js"></script>

		<script src="../jqueryUI/development-bundle/ui/jquery-ui.custom.js"></script>

		<script>
			$(function() {
				
				$("#nyr").draggable();
				$("#sfm").draggable();

			});
		</script>

	</head>

	<body>

		<div id="nyr" class="ui-widget-content">

			<p>一号拖拽框</p>

		</div>
		
		<div id="sfm" class="ui-widget-content">

			<p>二号拖拽框</p>

		</div>

	</body>

</html>